<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>面试计划</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../layuimini/lib/layui-v2.6.3/css/layui.css" media="all">
  <link rel="stylesheet" href="../layuimini/css/public.css" media="all">
</head>
<body>
<input type="hidden" name="empid" th:value="${session.loginUser.getEmpId()}">
<table id="table-user" class="layui-table" lay-filter="table-user"></table>
<script type="text/html" id="currentTableBar">
  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="jeu">审批</a>
</script>
<script type="text/html" id="toolbar">
  <form class="layui-form">
    <div class="layui-form-item">
      <div class="layui-inline">
        <label class="layui-form-label" style="width:110px">候选人姓名</label>
        <div class="layui-input-inline">
          <input type="text" name="hxname" placeholder="支持模糊查询" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" style="width:110px">手机号</label>
        <div class="layui-input-inline">
          <input type="text" name="hxphone" autocomplete="off" class="layui-input">
        </div>
      </div>
      <div class="layui-inline">
        <button type="button" lay-submit class="layui-btn layui-btn-primary" lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
      </div>
    </div>
  </form>
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-filter="data-search-btn" lay-event="add"> 添加 </button>
    <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-filter="data-search-btn" lay-event="saixuan"> 筛选 </button>
  </div>
</script>
<script src="../layuimini/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script th:inline="none">
  layui.use(['form', 'table'], function () {
    var $ = layui.jquery;
    var form = layui.form;
    var table = layui.table;
    let id=$(":input[name='empid']").val();
    table.render({
      elem: '#table-user',
      url: '/interview/list',
      method:'post',
      page: true,
      limits: [1,5,10,15],
      limit: 10,
      cols: [[
        {type: "checkbox", width: 50},
        {field: 'hxname', title: '候选人名称'},
        {field: 'hxphone', title: '候选人手机号'},
        {field: 'demand', title: '需求表',templet:function (d){return d.demand.departmentname.name}},
        {field: 'viewtime',title: '面试时间'},
        {field: 'employeeInfo', title: '面试官',templet:function (d){return d.employeeInfo.empName}},
        {field: 'state', title: '面试结果',templet:function (d){return d.state.stateName}},
        {field: 'endtime',title: '创建时间', sort: true},
        {title: '操作', toolbar: '#currentTableBar', align: "center",width:150}
      ]],
      toolbar:"#toolbar",
    });

    /*添加计划*/
    table.on('toolbar(table-user)', function (obj) {
      if (obj.event === 'add') {  // 监听添加操作
        var index = layer.open({
          title: '添加面试计划',
          type: 2,
          shade: 0.2,
          maxmin:true,
          shadeClose: true,
          area: ['100%', '100%'],
          content: '/interview/insert',
        });
        $(window).on("resize", function () {
          layer.full(index);
        });
      }else if (obj.event === 'saixuan'){
        layer.confirm('正在筛选不合格的候选人',function(index){
          $.post('/interview/saixuan',function(res){
            //响应
            console.log(res);
            if(res.data==="success"){
              layer.msg(res.msg);
              //重新加载表格
              table.reload('table-user');
            }
          });
          layer.close(index);
        })
      }
    });

    table.on('tool(table-user)', function (obj) {
      if (obj.event==='jeu'){
        let iid=obj.data.state.id;
        if (iid==10){
          let id=obj.data.id;
          var index = layer.open({
            title: '审批',
            type: 2,
            shade: 0.2,
            maxmin:true,
            shadeClose: true,
            area: ['100%', '100%'],
            content: '/interview/updemand?id='+id,
          });
          $(window).on("resize", function () {
            layer.full(index);
          });
        }else{
          alert("请选择其他的候选人");
        }
      }
    });

    form.on('submit(data-search-btn)',function(data){
      var result=JSON.stringify(data.field);
      console.log(result);
      //执行搜索重载
      table.reload('table-user',{
        page:{
          curr:1
        },
        where:{
          hxname:data.field.hxname,
          hxphone:data.field.hxphone,
        }
      },'data');
      //阻止表单提交
      return false;
    })
  });
</script>
</body>
</html>